<!DOCTYPE html>
<html lang="es">
<head>
	<title>Aprendiendo jQuery Mobile</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="Content/jquery.mobile-1.2.0.css" />
	<script type="text/javascript" src="jquery-1.8.3.min.js"> </script>
	<script type="text/javascript" src="Content/jquery.mobile-1.2.0.js"> </script>
</head> 
<body>
	<div data-role="page">
		
		<div data-role="header" data-theme="b">
			<h1> Comenzando</h1>
			<a href="/" id="current" data-icon="home" data-iconpos="notext">Home</a>
		</div>
		
		<div data-role="content" data-theme="e"> 
			<p> Hola con jQuery Mobile!</p>
			
			<ul data-role="listview" data-inset="true" data-filter="true">
				<li><a href="#">Agua</a></li>
				<li><a href="#">Pepsi</a></li>
				<li><a href="#">Pepsi Light</a></li>
				<li><a href="#">Cerveza</a></li>
			</ul>
			
			<a href="#" data-role="button" data-theme="b">Pulsame!</a>
		</div>
		
		<div data-role="footer" data-position="fixed">
			<h4> Pie Pagina </h4>
		</div>
	</div>
</body>	
</html>